// component/pro-modal/pro-modal.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    visible: Boolean,
    value: {
      type: String,
      value: '',
      observer: () => {
        this.setData({
          inputValue: val
        })
      }
    },
    showCancel: {
      type: Boolean,
      value: true
    },
    edit: {
      type: Boolean,
      value: true
    },
    title: {
      type: String,
      value: ''
    },
    placeholder: {
      type: String,
      value: '请输入'
    },
    cancelText: {
      type: String,
      value: '取消'
    },
    confirmText: {
      type: String,
      value: '确定'
    }
  },
  observers: {
    visible: function (val) {
      this.setData({
        open: val
      });
    }
  },
  /**
   * 组件的初始数据
   */
  data: {
    open: false,
    inputValue: '',
  },

  /**
   * 组件的方法列表
   */
  methods: {
    changeInput(e) {
      this.setData({
        inputValue: e.detail.value
      })
    },
    stop() {
      /** 阻止弹框冒泡和捕获的空事件，不要删除！！！ */
    },
    onCancel() {
      this.triggerEvent('onCancel');
    },
    onConfirm() {
      this.triggerEvent('onConfirm', this.data.inputValue);
    },
    preventTouchMove: function() {
      // 这个函数什么都不做，只是用来阻止滚动
    }
  }
})
